<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> -->
<!--------------------------------------------------------------------------------->
<script src="<%=basePath%>js/jquery-3.1.1.min.js"></script>
<script src="<%=basePath%>js/bootstrap.min.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/bootstrap.min.css">
<!--------------------------------------------------------------------------------->
<link rel="stylesheet" href="<%=basePath%>css/bootstrap-select.min.css">
<script src="<%=basePath%>js/bootstrap-select.js"></script>
<!--------------------------------------------------------------------------------->
<link rel="stylesheet"
	href="<%=basePath%>css/navbar/chartist-custom.css">
<link rel="stylesheet" href="<%=basePath%>css/navbar/main.css">
<link rel="stylesheet"
	href="<%=basePath%>css/navbar/font-awesome.min.css">
<link rel="stylesheet" href="<%=basePath%>css/navbar/style.css">
<link rel="stylesheet" href="<%=basePath%>css/table.css">
<link rel="stylesheet" href="<%=basePath%>css/jquery.datetimepicker.css" />
<script type="text/javascript"
	src="<%=basePath%>js/jquery.datetimepicker.full.js"></script>
<!--------------------------------------------------------------------------------->
<link rel="stylesheet" href="<%=basePath%>css/toastr.css" />
<script src="<%=basePath%>js/toastr.js"></script>
<!--------------------------------------------------------------------------------->
<link rel="stylesheet" href="<%=basePath%>css/jquery-confirm.css" />
<script src="<%=basePath%>js/jquery-confirm.js"></script>
<!--------------------------------------------------------------------------------->
<script src="<%=basePath%>js/jquery.bootstrap.wizard.js"></script>
<script src="<%=basePath%>js/jquery.slimscroll.min.js"></script>
<script src="<%=basePath%>js/klorofil-common.js"></script>
<!--------------------------------------------------------------------------------->
<!---页面公用------------------------------------------------------------------------------>
<link rel="stylesheet" href="<%=basePath%>css/user/login.css" />
<!---加载样式------------------------------------------------------------------------------>
<link rel="stylesheet" href="<%=basePath%>css/common/load.css" />
<script type="text/javascript" src="<%=basePath%>js/common/load.js"></script>
<!--------------------------------------------------------------------------------->
<!--------------------------------------------------------------------------------->

<!--------------------------------------------------------------------------------->

<!--------------------------------------------------------------------------------->
<title>登录</title>
</head>

<body>
	<!----权限遮罩层----------------------------------------------------------------------------->
	<!--------------------------------------------------------------------------------->
	<!--------------------------------------------------------------------------------->
	<div id="cloth">
		<h3>正在解析数据...</h3>
	</div>
	<div id="div_load"></div>
	<script type="text/javascript">
		start_load();
	</script>
	<!--------------------------------------------------------------------------------->
	<!--------------------------------------------------------------------------------->
	<!--------------------------------------------------------------------------------->
	<div class="logo">
		<div class="header">
			<%-- 			<img src="<%=basePath%>img/sadmin/logo.png"> --%>
			<h1>教学风格研究</h1>
		</div>
		<div class="content">
			<input type="text" class="userName" id="account" /> <input
				type="password" id="password" class="passWord" />
			<div class="clear"></div>
			<div id="login" class="logo-button">LOGIN</div>
		</div>
	</div>
	<script>
		var btn = document.querySelector(".logo-button");
		btn.onclick = check;
		function check() {
			btn.style.background = " #0284c4";
			var userName = document.querySelector(".userName").value;
			var passWord = document.querySelector(".passWord").value;
			if (userName.trim() == "" || passWord.trim() == "") {
				toastr.warning("用户名密码不能为空!");
				return
			} 
			
			login();
		}
	</script>

</body>
<script type="text/javascript" src="<%=basePath%>js/user/login.js"></script>
<script type="text/javascript">
	window.onload = function() {

	}
</script>
<style>
th {
	vertical-align: middle !important;
}

td {
	line-height: 33px !important;
	vertical-align: middle !important;
}

td i {
	line-height: 33px !important;
}

table select {
	text-align: center !important;
}

td button i {
	line-height: 20px !important;
}

td .label {
	line-height: 33px !important;
}

i {
	cursor: pointer;
}
</style>
<script>
	stop_load();
</script>
</html>